import { StyleSheet } from 'react-native';
import { resize } from '@/utils/resize';
import { primaryColor } from '@/constants/Colors';

const defaultColor = '#F3F5F7';
const inputHeight = resize(50);

export default StyleSheet.create({
  container: {
    borderRadius: 12,
    paddingLeft: 16,
    paddingRight: 16,
    overflow: 'hidden',
    flexDirection: 'row',
    alignItems: 'center',
    borderWidth: 1.5,
    borderColor: defaultColor,
    backgroundColor: defaultColor
  },
  focus: {
    borderColor: primaryColor
  },
  input: {
    flex: 1,
    fontSize: 14,
    height: inputHeight,
    color: 'rgba(0,0,0,.8)',
    fontWeight: '500'
  },
  switch: {
    paddingLeft: 16,
    paddingRight: 16,
    marginRight: -16,
    height: inputHeight,
    justifyContent: 'center'
  },
  prefix: {
    marginRight: 12
  },
  suffix: {
    marginLeft: 12
  }
})